<template>
  <div class="preview-chart">
    <div>数据列表</div>
    <hr size=1 width="100%" align=left noshade>
    <var-table>
      <thead>
        <tr>
          <th>姓名</th>
          <th>数学</th>
          <th>英语</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>张</td>
          <td>124</td>
          <td>38</td>
        </tr>
        <tr>
          <td>王</td>
          <td>100</td>
          <td>135</td>
        </tr>
        <tr>
          <td>李</td>
          <td>100</td>
          <td>135</td>
        </tr>
      </tbody>
    </var-table>
  </div>
</template>

<!--template>
  <var-card
    title="数据列表"
    ripple
    src= "static\img\charts.jpg"
    v-model:floating="floating"
    @click="floating = true"
  >
    <template #floating-content>
      <var-divider dashed />
      
      <div class="card-example-text">
        如果华佗再世,崇洋都被医治,外邦来学汉字,激发我民族意识。马钱子、决明子、苍耳子，还有莲子；黄药子、苦豆子、川楝子，我要面子。用我的方式，改写一部历史。没什么别的事，跟着我念几个字。山药当归枸杞 GO，山药 当归 枸杞 GO，看我抓一把中药，服下一帖骄傲~
      </div>
    </template>
  </var-card>
</template>

<style>
.card-example-text {
  padding: 14px;
  font-size: 14px;
  line-height: 28px;
}
</style-->